@import '../../default/css/style.scss';

@mixin definitions($main, $color-name) {
    $openid-connect-link-background-url-base: "/themes/FlamingParrot/images/login/login-background-";

    &.openid-connect-link {
        background: url("#{$openid-connect-link-background-url-base}#{$color-name}.png") no-repeat center top, linear-gradient(#FFFFFF 0%, #F5F5F5 75%);
    }

    #linked-providers > .provider > .provider-header {
        border-color: $main;
    }

    #providers-configuration {
        .modal .modal-header {
            border-bottom-color: $main;
        }

        #providers .provider > h3 {
            border-color: $main;
        }
    }

    .btn:not(.btn-link):not(.disabled).btn-primary.provider-button {
        &.inca_silver {
            border-color: $inca_silver;
            background: $inca_silver;
            &:hover {
                border-color: darken($inca_silver, 5%);
                background: darken($inca_silver, 5%);
            }
        }
        &.chrome_silver {
            border-color: $chrome_silver;
            background: $chrome_silver;
            &:hover {
                border-color: darken($chrome_silver, 5%);
                background: darken($chrome_silver, 5%);
            }
        }
        &.fiesta_red {
            border-color: $fiesta_red;
            background: $fiesta_red;
            &:hover {
                border-color: darken($fiesta_red, 5%);
                background: darken($fiesta_red, 5%);
            }
        }
        &.teddy_brown {
            border-color: $teddy_brown;
            background: $teddy_brown;
            &:hover {
                border-color: darken($teddy_brown, 5%);
                background: darken($teddy_brown, 5%);
            }
        }
        &.clockwork_orange {
            border-color: $clockwork_orange;
            background: $clockwork_orange;
            &:hover {
                border-color: darken($clockwork_orange, 5%);
                background: darken($clockwork_orange, 5%);
            }
        }
        &.red_wine {
            border-color: $red_wine;
            background: $red_wine;
            &:hover {
                border-color: darken($red_wine, 5%);
                background: darken($red_wine, 5%);
            }
        }
        &.acid_green {
            border-color: $acid_green;
            background: $acid_green;
            &:hover {
                border-color: darken($acid_green, 5%);
                background: darken($acid_green, 5%);
            }
        }
        &.army_green {
            border-color: $army_green;
            background: $army_green;
            &:hover {
                border-color: darken($army_green, 5%);
                background: darken($army_green, 5%);
            }
        }
        &.sherwood_green {
            border-color: $sherwood_green;
            background: $sherwood_green;
            &:hover {
                border-color: darken($sherwood_green, 5%);
                background: darken($sherwood_green, 5%);
            }
        }
        &.ocean_turquoise {
            border-color: $ocean_turquoise;
            background: $ocean_turquoise;
            &:hover {
                border-color: darken($ocean_turquoise, 5%);
                background: darken($ocean_turquoise, 5%);
            }
        }
        &.daphne_blue {
            border-color: $daphne_blue;
            background: $daphne_blue;
            &:hover {
                border-color: darken($daphne_blue, 5%);
                background: darken($daphne_blue, 5%);
            }
        }
        &.lake_placid_blue {
            border-color: $lake_placid_blue;
            background: $lake_placid_blue;
            &:hover {
                border-color: darken($lake_placid_blue, 5%);
                background: darken($lake_placid_blue, 5%);
            }
        }
        &.deep_blue {
            border-color: $deep_blue;
            background: $deep_blue;
            &:hover {
                border-color: darken($deep_blue, 5%);
                background: darken($deep_blue, 5%);
            }
        }
        &.plum_crazy {
            border-color: $plum_crazy;
            background: $plum_crazy;
            &:hover {
                border-color: darken($plum_crazy, 5%);
                background: darken($plum_crazy, 5%);
            }
        }
        &.peggy_pink {
            border-color: $peggy_pink;
            background: $peggy_pink;
            &:hover {
                border-color: darken($peggy_pink, 5%);
                background: darken($peggy_pink, 5%);
            }
        }
        &.flamingo_pink {
            border-color: $flamingo_pink;
            background: $flamingo_pink;
            &:hover {
                border-color: darken($flamingo_pink, 5%);
                background: darken($flamingo_pink, 5%);
            }
        }
    }
}

body {
    &.FlamingParrot_Orange {
        @import 'variables-orange';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Blue {
        @import 'variables-blue';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Green {
        @import 'variables-green';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_BlueGrey {
        @import 'variables-bluegrey';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Purple {
        @import 'variables-purple';

        @include definitions($main, $color-name);
    }

    &.FlamingParrot_Red {
        @import 'variables-red';

        @include definitions($main, $color-name);
    }
}
